<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../../js/vue/vue.js"></script>
</head>
<body>
    <!--vue模板-->

    <div id="app">
        <!--vue属性渲染指令,用于渲染模板时,填充data中的属性值-->
        {{message}}
    </div>

<script>
    //创建vue实例,{}  表示初始属性配置
    var app = new Vue({
        el:'#app',  //指定vue渲染的模板
        data:{  //模板渲染时使用的属性数据
            message:'hello vue'
        }
    })
</script>
</body>
</html>